 // 获取操作对象
 var search = document.querySelector('.search_mid');
 var input = document.querySelector('.sousuo input');
 var btn = document.querySelector('.search_but button');


 // 给按钮绑定点击事件
btn.onclick = function() {
    // 获取输入框的值
    var $k = input.value
     
    // 访问服务端
    $.get('./php/sousu.php',{kk:$k},function(dt) {
        // 把字符串转为对象
        var ar1 = eval('('+dt+')')

        // console.log(ar1);
        

        // 创建字符串，拼接所有内容
        var str = ''
        // 遍历数组元素
        ar1.forEach(item=>{
                str+= `
                    <li>
                        <a href="./details.html?id=${item.id}">
                            <img src="${item.img}" alt="">
                        </a>
                        <p class="p1">
                            <span class="sp1"><span class="sp2">￥</span>${item.price}</span>
                            <span class="sp2" style="color: #666;">￥</span>
                            <span class="sp3">${item.mlpri}</span>
                        </p>
                        <p class="p2">
                            <a href="javascript:;">${item.title}</a>
                        </p>
                        <p class="p3">
                            <a href="javascript:;">
                                <i class="iconfont icon-ziying ie"></i>
                            </a>
                            <a href="javascript:;">
                                <i class="iconfont icon-huodaofukuan iu"></i>
                            </a>
                        </p>
                    </li>
                `
            })
            // 把拼接好的内容渲染到页面 
            lists.innerHTML=str

            // 将表单清空
            var input = document.querySelector('.sousuo input').value='';
    })
}